/* ESTILOS GENÉRICOS -------------------------------------- */

/********************** 
FONTS */
@font-face {
	font-family: 'Colaborate';
	src: url('ColabReg-webfont.eot');
	src: local('☺'), url('../fonts/ColabReg-webfont.woff') format('woff'), url('../fonts/ColabReg-webfont.ttf') format('truetype'), url('../fonts/ColabReg-webfont.svg#webfont7z6NjezX') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'Colaborate';
	src: url('ColabMed-webfont.eot');
	src: local('☺'), url('../fonts/ColabMed-webfont.woff') format('woff'), url('../fonts/ColabMed-webfont.ttf') format('truetype'), url('../fonts/ColabMed-webfont.svg#webfont7z6NjezX') format('svg');
	font-weight: bold;
	font-style: normal;
}
@font-face {
	font-family: 'GreyscaleBasic';
	src: url('Greyscale_Basic_Regular.eot');
	src: local('☺'), url('../fonts/Greyscale_Basic_Regular-webfont.woff') format('woff'), url('../fonts/Greyscale_Basic_Regular-webfont.ttf') format('truetype'), url('../fonts/Greyscale_Basic_Regular-webfont.svg#webfont7z6NjezX') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'GreyscaleBasic';
	src: url('Greyscale_Basic_Bold-webfont.eot');
	src: local('☺'), url('../fonts/Greyscale_Basic_Bold-webfont.woff') format('woff'), url('../fonts/Greyscale_Basic_Bold-webfont.ttf') format('truetype'), url('../fonts/Greyscale_Basic_Bold-webfont.svg#webfont7z6NjezX') format('svg');
	font-weight: bold;
	font-style: normal;
}


/********************** 
GENERAL */
body {background:#fff; color:#000; padding:0 15px;}
* {font-family: Colaborate, "Colaborate-Regular", "Myriad Pro", Myriad, "DejaVu Sans Condensed", Calibri, "Liberation Sans", "Nimbus Sans L", Arial, Helvetica, sans-serif; }

.clear { clear:both;}
.left { float:left;}
.center { text-align:center;}
.right { float:right;}
.ocultar { display:none;}
.bloque { display:block;}
.limpiar { overflow:hidden;}
.alingRight{text-align:right;}

a{color: #03affb; text-decoration:none; font-weight:bold;}
a:hover{text-decoration:underline;}

h1, h2, h3, h4, h5, h6 { font-family: GreyscaleBasic, "Greyscale Basic Regular", Colaborate, "Colaborate-Regular", "Myriad Pro", Myriad, "DejaVu Sans Condensed", Calibri, "Liberation Sans", "Nimbus Sans L", Arial, Helvetica, sans-serif; margin-bottom: 15px;}

h1{ font-size: 36px; color:#03affb; font-family: GreyscaleBasic, "Greyscale Basic Regular", Colaborate, "Colaborate-Regular", "Myriad Pro", Myriad, "DejaVu Sans Condensed", Calibri, "Liberation Sans", "Nimbus Sans L", Arial, Helvetica, sans-serif;}
h2 { font-size: 30px; color: #000;}
h3 { font-size: 24px; color:#676767;}
h4 { font-size: 18px; color: #000; }

p { font-size: 16px; line-height: 1.4em; margin-bottom: 20px; }


#container{width:90%; margin:auto; }

.header{background:#000; width:100%; padding-bottom:10px; margin-bottom:30px;}
.header .headerLogin{text-align:left; width:94%; margin:0 auto; height:70px; padding-top:50px; background:url("../images/login-header-logo.png") no-repeat 55px bottom; font-family: GreyscaleBasic, "Greyscale Basic Regular", Colaborate, "Colaborate-Regular", "Myriad Pro", Myriad, "DejaVu Sans Condensed", Calibri, "Liberation Sans", "Nimbus Sans L", Arial, Helvetica, sans-serif; }
.header .headerLogin .logo{font-size:90px; color:#fff; display:block; float:left; width:auto; border-right:1px solid #fff; padding:0 10px 10px 0; line-height:60px;}
.header .headerLogin .logo span{color:#02aefd;}
.header .headerLogin .logoName{font-size:24px; color:#02aefd; padding:10px 0 0 10px; float:left; line-height:1.2em;}
.header .headerLogin .logoHS{width:102px; height:55px;  background:url("../images/logoHS.png") no-repeat right top; float:right; margin-top:20px;}

.indice{width:30%; float:left; }
.indice ul{margin:5px 0; margin-left:10px;}
.indice ul li { font-size: 16px; line-height: 1.4em; margin-bottom:5px; background:url("../images/vineta.gif") no-repeat left 4px; padding-left:20px;}
.indice ul li ul li a{color:#000; font-size:16px;}
.indice ul li ul li ul li a{color:#676767; font-size:15px;}

.indice ul li p{color: #03affb; font-weight:bold; margin:0;}
.indice ul li ul li p{color: #000; font-weight:bold; margin:0;}

.content{width:68%; float:left; padding-left:2%;}
.content .elementos{display:none;}
.content .visible{display:inline;}
.content ul{margin: 10px 0 25px 30px;}
.content ul li { font-size: 16px; line-height: 1.4em; margin-bottom: 10px; background:url("../images/vineta.gif") no-repeat left 4px; padding-left:20px;}
.content ul li ul li{background:none; list-style:circle; padding:0;}
